<template>
	<view class="beijing1">
		<u-navbar
			:placeholder="false"
			title="商品详情"
			@rightClick="rightClick"
			:autoBack="true"
			bg-color="transparent"
			left-icon-color="#ffffff"
			:title-style="{ color: '#ffffff' }"
		></u-navbar>
		<view class="" style="">
			<u-swiper radius="0rpx" keyName="image" :list="list1" height="750rpx" indicator indicatorMode="dot"></u-swiper>
		</view>
		<view class="" style="background: #ffffff; padding: 27rpx 45rpx">
			<view class="" style="font-weight: 500; font-size: 33rpx; color: #222222">{{ shujv.title }}</view>
			<view class="" style="margin-top: 20rpx">
				<text style="font-weight: 400; font-size: 30rpx; color: #8c1608">¥</text>
				<text style="font-weight: 400; font-size: 48rpx; color: #8c1608">{{ shujv.price }}</text>
			</view>
		</view>
		<view class="" style="background: white; margin-top: 10rpx; padding: 25rpx">
			<view class="center" style="padding-top: 30rpx; font-weight: 400; font-size: 33rpx; color: #222222">商品详情</view>
			<view class="" style="margin-top: 20rpx">
				<u-parse :content="shujv.content"></u-parse>
			</view>
		</view>
		<view class="beijing"></view>
		<view class="" style="height: 130rpx"></view>
		<view class="" style="position: fixed; bottom: 0; width: 100%; background: white">
			<view class="" style="height: 110rpx; background: #ffffff; box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(0, 0, 0, 0.15)">
				<view class="" style="padding: 25rpx">
					<view class="center" style="height: 90rpx; background: #6a452e; border-radius: 40rpx" @click="yvshi">
						<view class="" style="font-weight: 400; font-size: 30rpx; color: #ffffff">预约时间</view>
					</view>
				</view>
			</view>
			<view class="" style="height: env(safe-area-inset-bottom)"></view>
		</view>
	</view>
</template>

<script>
import { feastClothesgetDetail } from '../../untils/api.js';
export default {
	data() {
		return {
			list1: ['https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg', 'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg'],
			id: '',
			shujv: {},
			time_str: ''
		};
	},
	onLoad(ops) {
		this.id = ops.id;
		this.time_str = ops.time_str;
		this.qfeastClothesgetDetail();
	},
	onShow() {},
	methods: {
		yvshi() {
			uni.navigateBack();
		},
		async qfeastClothesgetDetail() {
			const data = await feastClothesgetDetail({
				id: this.id,
				time_str: this.time_str
			});
			this.shujv = data.data;
			this.list1 = data.data.images;
			this.list1 = this.list1.map((item) => {
				return this.img + item;
			});
		},
		rightClick() {
			console.log('rightClick');
		},
		leftClick() {
			console.log('leftClick');
		},
		scrolltolower() {
			console.log('到底了');
		}
	}
};
</script>

<style lang="scss" scoped>
.sl1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1;
}
.sl2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}
.beijing {
	overflow: hidden;
	padding: 0 25rpx;
}
.beijing1 {
	min-height: 100vh;
	background-color: #f0e8dc;
	//系统tabbar不要加注释掉
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: border-box;
}
</style>
